
<html>
<head>
<title>Twelfth Test of Section 5.3.6 of CSS1 Spec</title>

<style type="text/css">
p {background-image: url(flagbg.gif)}
#id1 {background-position: top left}
#id2 {background-position: left top}
#id3 {background-position: 0%0%}
</style>
</head>

<body>




<h1>Testing Statement #12 Below of Section 5.3.6 of CSS1 Spec</h1>





<ul>
<li >
12. Possible keyword and interpretation: "top left" and "left top" both mean
the same as "0%0%".
</ul>


<h2>
PASS CRITERIA:
</h2>
<p ID=id1>
If statement #12 above is passed, this paragraph should have a flag image
which is to the top left of this paragraph text.
The rule applied is "#id1 {background-position: top left}".
<p ID=id2>
This paragraph should have a flag image which should be to the left top
of this paragraph text.  It should look like the paragraph above.
The rule applied is "#id2 {background-position: left top}".
<p ID=id3>
This paragraph should have a flag image which should be to the upper left
corner of this paragraph text.  It should look like the paragraph above.
The rule applied is "#id3 {background-position: 0%0%}".
<p>
The rule applied also for all three paragraphs above is 
"p {background-image: url(flagbg.gif)}".


</body>
</html>
